<template>
  <div class="empty">
    <div @click="handleTabao">
      点击唤醒淘宝
    </div>
    <a href="https://t.asczwa.com/taobao?backurl=https://m.tb.cn/h.fav2Hdv?sm=471a76">打开淘宝</a>
    <input id="foo"  />
    <button @click="handleCopy" class="btn" data-clipboard-text="Just because you can doesn't mean you should — clipboard.js">
    Copy to clipboard
</button>
  </div>
  
</template>

<script>
/**
 *@author
 *@createTime  2020/11/3
 *@version  v1.0
 *@desc  空状态页面
 *@params
 */
import ClipboardJS from 'clipboard'
import  {loadURL,isInWx} from './../../util/index'
export default {
  //import引入的组件需要注入到对象中才能使用
  components: {},
  data() {
    //这里存放数据
    return {};
  },
  //监听属性 类似于data概念
  computed: {},
  //监控data中的数据变化
  watch: {},
  //方法集合
  methods: {
    handleTabao() {
      console.log("isInWx",isInWx());
      loadURL("taobao://m.tb.cn/h.4Ab8FZy?sm=7ad5e7")
    },
    handleCopy() {
      var clipboard = new ClipboardJS('.btn',{
        text:function(){
              return "2.0信15CRXltxWBq信 https://m.tb.cn/h.fav2Hdv?sm=471a76  2022年华南师范大学907学科英语考研 语言学 二语习得 知识點答疑"
            }
      });
      clipboard.on('success', function(e) {
          console.info('Action:', e.action);
          console.info('Text:', e.text);
          console.info('Trigger:', e.trigger);

          e.clearSelection();
      });

      clipboard.on('error', function(e) {
          console.error('Action:', e.action);
          console.error('Trigger:', e.trigger);
      });
    }
  },
  //生命周期 - 创建完成（可以访问当前this实例）
  created() {},
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {},
};
</script>
<style lang="scss" scoped>
.empty {
}
</style>
